<template>
  <div>
    <p>首页</p>
    <button @click="aaa">看绿皮书</button> &nbsp;
    <button @click="bbb">看足球1</button>
  </div>
</template>

<script>
export default {
  methods: {
    aaa () {
      // this.$router.push({
      //   path: '/movie',
      //   params: {
      //     id: 3,
      //     name: '绿皮书'
      //   }
      // })
      this.$router.push({
        name: 'movie', // name是路由的名字，需要在定义规则的时候，指定
        params: {
          id: 3,
          name: '绿皮书'
        }
      })
    },
    bbb () {
      this.$router.push({
        name: 'sport',
        query: {
          id: 4,
          name: '英格兰对法国'
        }
      })
    }
  }
}
</script>

<style scoped>
div {
  min-height: 200px;
  background-color: rgb(200, 162, 223);
}
</style>
